﻿body{background-color:#F5F5F5;}
/*轮播图*/
.indexFocus{width:100%;position:relative;height:436px;overflow:hidden;}
.indexFocus .bd{position:relative;height:100%;width:100%;overflow:hidden;}
.indexFocus .bd ul{position:relative;overflow:hidden;}
.indexFocus .bd li{zoom:1;vertical-align:middle}
.indexFocus .bd li img{width:100%;position:relative;}
.indexFocus .hd{position:absolute;z-index:1000;bottom:16px;left:0;height:14px;line-height:14px;width:100%}
.indexFocus .hd,.indexFocus .hd ul{text-align:center}
.indexFocus .hd ul li{cursor:pointer;display:inline-block;zoom:1;width:10px;height:10px;border-radius:50%;background-color:rgba(255,255,255,0.5);margin:0 5px;overflow:hidden;z-index:1000;text-indent:-999em;line-height:10px;}
.indexFocus .hd ul li.on{background-color:#fff}
.indexFocus .next,.indexFocus .prev{width:40px;height:69px;background-color:rgba(0,0,0,.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);zoom:1;position:absolute;top:43%;color:#fff;text-align:center;display:none}
:root .next,:root .prev{filter:none\9}
.indexFocus .next i,.indexFocus .prev i{font-size:30px;line-height:69px;color:#fff}
.indexFocus .next:hover,.indexFocus .prev:hover{text-decoration:none;display:block}
.indexFocus .prev{left:20px}
.indexFocus .next{right:20px}
/*今日头条*/
.today{width:1200px;margin:0 auto;margin-top:20px;border:1px solid #e5e5e5;background-color:#FFFFFF;line-height:65px;font-size:0;white-space: nowrap;overflow: hidden;}
.today p{display:inline-block;font-size:20px;color:#008077;font-weight:bold;margin-left:20px;vertical-align:top;}
.today p +a{margin-left:30px;}
.today a{display:inline-block;font-size:14px;color:#333333;margin-left:95px;vertical-align:top;}
.today a:hover{color:#008077;}
.today a i{display:inline-block;font-size:14px;color:#a0a0a0;margin-left:40px;}
/*关于恒科和旗下品牌*/
.about{width:1160px;margin:0 auto;border:1px solid #E5E5E5;background-color:#FFFFFF;padding:20px;margin-top:20px;font-size:0;}
.aboutHk{display:inline-block;width:750px;}
.aboutHk .title{width:100%;border-bottom:2px solid #008077;}
.aboutHk .title .left{float:left;width:120px;line-height:40px;background-color:#008077;color:#FFFFFF;text-align:center;font-size:16px;font-weight:bold;}
.aboutHk .title a{float:right;line-height:40px;color:#666666;font-size:14px;}
.aboutCon{margin-top:20px;}
.aboutCon .left{float:left;width:355px;height:307px;}
.aboutCon .left img{width:355px;height:307px;cursor:pointer;}
.aboutCon .right{float:left;width:364px;margin-left:30px;}
.aboutCon .right h2{width:100%;font-size:20px;color:#333333;font-weight:bold;margin-top:35px;margin-bottom:15px;}
.aboutCon .right em{font-size:16px;color:#666666;}
.aboutCon .right p{font-size:14px;color:#666666;text-align:justify;overflow:hidden;margin: 27px 0;line-height: 2;}
.aboutCon .right >a{display:inline-block;border:1px solid #E5E5E5;width:104px;line-height:30px;font-size:14px;color:#666666;text-align:center;margin-right:10px;transition:all 0.5s linear;}
.aboutCon .right a i{font-size:12px;color:#666666;margin-left:5px;vertical-align:top;transition:all 0.5s linear;}
.aboutCon .right a:hover{color:#008077;}
.aboutCon .right a:hover i{color:#008077;margin-left:10px;}
.brand{display:inline-block;width:370px;vertical-align:top;margin-left: 40px;}
.brand .title{width:100%;border-bottom:2px solid #008077;}
.brand .title .left{float:left;width:120px;line-height:40px;background-color:#008077;color:#FFFFFF;text-align:center;font-size:16px;font-weight:bold;}
.brand .title a{float:right;line-height:40px;color:#666666;font-size:14px;}
.brandText{margin-top:50px;}
.brandText p{font-size:14px;color:#666666;line-height:26px;text-align:center;}
.brandList{margin-top:20px;margin-left:29px;font-size:0;}
.brandList a{margin-left:10px;display:inline-block;width:180px;font-size:16px;font-weight:bold;text-align:center;}
    .brandList img { width: 300px;}
/*视频弹窗*/
.shadow{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.5);left:0;top:0;z-index:100;display:none;}
.shadow .video{width:600px;height:400px;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;}
.shadow .video iframe{width:600px;height:400px;}
.shadow .video i{font-size:40px;color:#FFFFFF;position:absolute;right:-60px;top:0px;cursor:pointer;}
/*新闻资讯*/
.news{width:1160px;margin:0 auto;border:1px solid #E5E5E5;background-color:#FFFFFF;padding:20px;margin-top:20px;}
.news >.left{float:left;width:560px;height:420px;}
.newsFocus { width: 560px; height: 420px; position: relative; overflow: hidden; float: left; }
.newsFocus .bd { position: relative; height: 420px; z-index: 0; }
.newsFocus .bd li { zoom: 1; vertical-align: middle; }
.newsFocus .bd li img { height: 420px; width: 560px; }
.newsFocus .bd li a { position: relative; }
.newsFocus .bd li a span { display: block; height: 50px; line-height: 50px; color: #fff; font-size: 14px; padding-left: 20px; width: 100%; position: absolute; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000); zoom: 1; }
.newsFocus .hd { position: absolute; z-index: 1; bottom: 5px; right: 16px; height: 30px; line-height: 30px; }
.newsFocus .hd, .indexFocus .hd ul { text-align: center; }
.newsFocus .hd ul li { cursor: pointer; display: inline-block; zoom: 1; width: 14px; height: 14px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #fff; margin: 0 5px; overflow: hidden; line-height: 9999px; }
.newsFocus .hd ul .on { background-color: #008077; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.news .right{float:left;width:580px;margin-left:20px;}
.news .right .title{width:100%;border-bottom:2px solid #008077;}
.news .right .title .left{float:left;width:120px;line-height:40px;text-align:center;font-size:16px;font-weight:bold;color:#008077;cursor:pointer;}
.news .right .title .active{background-color:#008077;color:#FFFFFF;}
.news .right .title a{float:right;line-height:40px;color:#666666;font-size:14px;}
.brandCon{margin-top:30px;text-align:center;}
.brandCon .content:first-child{display:block;}
.content{display:none;}
.content h2{text-align:center;font-size:16px;color:#008077;margin-bottom:10px;}
.content h2 a:hover{color:#008077;} /*2018-01-24*/
.content i{text-align:center;font-size:12px;color:#999999;margin-bottom:18px;}
.content p{font-size:14px;color:#666666;text-align:left;height:38px;overflow:hidden;margin-top:10px;}
.newsList:before{content:"";border:1px solid #e5e5e5;width:100%;display:block;margin-top:18px;}
.newsList{text-align: left;}
.newsList dd{margin-top:18px;font-size:14px;color:#666666;}
.newsList dd a:hover,.newsList dd a:hover i,.newsList dd a:hover time{color:#008077;}
.newsList dd i{font-size:14px;color:#666666;margin-right:5px;}
.newsList dd time{float:right;font-size:14px;color:#666666;}
/*行业展示*/
.product{width:1160px;margin:0 auto;border:1px solid #E5E5E5;background-color:#FFFFFF;padding:20px;margin-top:20px;position:relative;}
.product .title{width:100%;border-bottom:2px solid #008077;}
.product .title .left{float:left;width:120px;line-height:40px;background-color:#008077;color:#FFFFFF;text-align:center;font-size:16px;font-weight:bold;}
.product .title>a{float:right;line-height:40px;color:#666666;font-size:14px;}
.productList{line-height:40px;float:right;}
.productList li{float:left;cursor:pointer;font-size:14px;color:#333333;margin-right:30px;}
.productList li.on{color:#333333;}
.productList li:hover{color:#008077;} /*2018-01-24*/
.proList{margin-left:-13px;}
.proList a{display:block;float:left}
.proList li{margin-left:13px;text-align:center;font-size:14px;color:#333333;width:280px;margin-top:30px;}
.proList li:hover{color:#008077;}
.proList li img{width:280px;margin-bottom:16px;height: 212px;}

.productWork{width:1070px;height:244px;margin:0 auto;margin-top:30px;overflow:hidden;position:relative;}
.pworkList{text-align: justify;width:2150px;text-justify:inter-ideograph;font-size:0;position:absolute;top:0;left:0;}
.pworkList dd{width:260px;display:inline-block;vertical-align:top;}
.pworkList dd.left_fix{width:260px;overflow:hidden;padding:0;margin:0;border:none;}
.pworkList dd:hover p{background-color:#008077;color:#FFFFFF;border:1px solid #008077;}
.pworkList dd img{width:260px;height:197px;display:block;}
.pworkList dd p{width:258px;line-height:45px;border:1px solid #E5E5E5;background-color:#f5f5f5;border-top:none;font-size:14px;text-align:center;}
.product .pre{width:25px;line-height:50px;border:1px solid #dbdbdb;text-align:center;font-size:16px;color:#333333;position:absolute;left:20px;top:175px;}
.product .next{width:25px;line-height:50px;border:1px solid #dbdbdb;text-align:center;font-size:16px;color:#333333;position:absolute;right:20px;top:175px;}
/*行业应用*/
.work{width:1160px;margin:0 auto;border:1px solid #E5E5E5;background-color:#FFFFFF;padding:20px;margin-top:20px;position:relative;}
.work .title{width:100%;border-bottom:2px solid #008077;}
.work .title .left{float:left;width:120px;line-height:40px;background-color:#008077;color:#FFFFFF;text-align:center;font-size:16px;font-weight:bold;}
.work .title a{float:right;line-height:40px;color:#666666;font-size:14px;}
.focusWork{width:1070px;height:244px;margin:0 auto;margin-top:30px;overflow:hidden;position:relative;}
.workList{text-align: justify;width:2150px;text-justify:inter-ideograph;font-size:0;position:absolute;top:0;left:0;}
.workList dd{width:260px;display:inline-block;vertical-align:top;}
.workList dd.left_fix{width:260px;overflow:hidden;padding:0;margin:0;border:none;}
.workList dd:hover p{background-color:#008077;color:#FFFFFF;border:1px solid #008077;}
.workList dd img{width:260px;height:197px;display:block;}
.workList dd p{width:258px;line-height:45px;border:1px solid #E5E5E5;background-color:#f5f5f5;border-top:none;font-size:14px;text-align:center;}
.work .pre{width:25px;line-height:50px;border:1px solid #dbdbdb;text-align:center;font-size:16px;color:#333333;position:absolute;left:20px;top:175px;}
.work .next{width:25px;line-height:50px;border:1px solid #dbdbdb;text-align:center;font-size:16px;color:#333333;position:absolute;right:20px;top:175px;}
/*友情链接*/
.friendlyLink{width:1160px;margin:0 auto;border:1px solid #E5E5E5;background-color:#FFFFFF;padding:20px;margin-top:20px;position:relative;}
.friendlyLink .title{width:100%;border-bottom:2px solid #008077;}
.friendlyLink .title .left{float:left;width:120px;line-height:40px;background-color:#008077;color:#FFFFFF;text-align:center;font-size:16px;font-weight:bold;}
.friendlyLink .title a{float:right;line-height:40px;color:#666666;font-size:14px;}
.linksList{margin-top:30px;margin-left:-10px;}
.linksList li{margin-left:10px;float:left;}
.linksList li img{width:183px;border:1px solid #E5E5E5;}
